<?php
require 'wp-blog-header.php';
require 'youku.php';
?>

	<?php include 'header.php' ?>	
	<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/zhuli.js"></script>
	<title>厦门主力婚纱摄影_厦门高端婚纱摄影</title>
	</head>
	<body>
		
		<base target='_blank'>
			<div id='loader' style='position: absolute;height: 100%;z-index: 5;background-color: white;'>
				<div id='logos' style='text-align: center;margin-top: 0%;position: absolute;left: 37%;top: 32%;'>
					<img src='<?php bloginfo('template_url'); ?>/img/loading-bubble.png'>
					<img src='<?php bloginfo('template_url'); ?>/img/loading-logo.png'>
				</div>
			</div>
			<div class='fixed-nav-bar'>
				<img class='dot-red' src='<?php bloginfo('template_url'); ?>/img/dot-red.png'>
				<div class='content-area'>					
					<div class='logo'>
						<div></div>
						<!-- <div class='bold'>leader</div>
						<div class='light'>photography</div> -->
					</div>
					<div class='nav-meter'>						
						<table class='nav-labels'>
							<tbody>
								<tr>								
									<td class='nav-label' id='nav-news'>
										<a href='#page-news' title='新闻'>news</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>											
										</div>
									</td>
									<td class='nav-label' id='nav-shows'>
										<a href='#page-shows' title='印记大赏'>shows</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>
										</div>
									</td>
									<td class='nav-label' id='nav-barbie'>
										<a href='#page-barbie' title='芭比馆'>barbie house</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>
										</div>
									</td>
									<td class='nav-label' id='nav-service'>
										<a href='#page-service' title='服务'>service</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>
										</div>
									</td>
									<td class='nav-label' id='nav-about'>
										<a href='#page-about' title='关于我们'>about us</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>
										</div>
									</td>
									<td class='nav-label' id='nav-payment'>
										<a href='http://zhulisy.tmall.com/' title='在线付款'>online payment</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>
										</div>
									</td>
									<td class='nav-label' id='nav-forum'>
										<a href='http://bbs.zhulisy.com/' title=’论坛''>forum</a>
										<div class='dot'>
											<img src='<?php bloginfo('template_url'); ?>/img/dot.png'>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
						<div class='bar'>
						</div>

						<!-- <div class='dot-red'><span></span></div> -->
					</div>
				</div>
			</div>

			<div id='page-container'>
				<div class='page' id='page-home'>
					<!--[if lt IE 9]>
					<div class='bg-hack'>
						<img src='<?php bloginfo('template_url'); ?>/img/bg-home.jpg'>
					</div>
					<![endif]-->
					<div class='content-area'>
						<div id='music-controls'>
							<?php echo do_shortcode('[sc_embed_player autoplay=true loops="true" fileurl="http://new.zhulisy.com/wp-content/uploads/2013/09/1769057460_1072663_l.mp3"] '); ?>
							
						</div>
						<div id='home-title' class='image-element'>
							<div><img src='<?php bloginfo('template_url'); ?>/img/home-title.png'></div>
							<!-- <div><img src='<?php bloginfo('template_url'); ?>/img/home-logo.png'></div> -->
						</div>
						<!-- <div id='home-logo' class='image-element'>							
						</div> -->
						<div id='home-wedding-trip'>
							<div class='bold'>WEDDING TRIP</div>
							<div class='light'>2013 LET'S START YOUR ROMANTIC JOURNEY</div>
						</div>
						<div class='customer-service'>
							<img src='<?php bloginfo('template_url'); ?>/img/home-customer.png'>
							<img class='expanded' src='<?php bloginfo('template_url'); ?>/img/customer-service-expand.png'>
						</div>				
					</div>
					<div class='mouse-hint'>
						<img src='<?php bloginfo('template_url'); ?>/img/mouse-hint.png'>
					</div>
				</div>

				<div class='page' id='page-news'>					
					<div class='content-area'>
						<div id="news-container">
							<div id='news-banner'>
								<div id='news-photo-slider'>
									<?php echo do_shortcode("[metaslider id=51]"); ?>
								</div>
								<div id='news-weather'>

									<!-- <h1>当前天气</h1>
									<p class='city'></p>
									<p class='weather'></p>
									<p class='temp'></p>
									<p class='date'></p> -->
									<div id='weather-block'>
										<iframe src="http://www.thinkpage.cn/weather/weather.aspx?uid=&cid=101230201&l=zh-CHS&p=CMA&a=0&u=C&s=12&m=0&x=1&d=2&fc=&bgc=&bc=&ti=1&in=1&li=2&ct=iframe" frameborder="0" scrolling="no" width="170" height="230" allowTransparency="true"></iframe>
									</div>
									<p class='date'>
										<?php
											date_default_timezone_set('Asia/Shanghai');
											echo date('Y/m/d');
										?>
									</p>
								</div>
							</div>

							<div id='news-title-latest'>
								<h1>最新活动 NEWS</h1>
								<!-- <div class='more-link'> -->
									<img src='<?php bloginfo('template_url'); ?>/img/more-arrow.png'>
									<!--<a href='<?php echo get_category_link( get_category_by_slug( "news" )->term_id ); ?>'>查阅详情</a>-->
									<a href='articles.php?section=news'>查阅详情</a>
								<!-- </div> -->
							</div>
							<div id='news-block'>
								<ul>
									<?php
									global $post;
									$cat_id = get_category_by_slug( "news" )->term_id;
									$args = array( 'posts_per_page' => 3, 'category' => $cat_id );
									$myposts = get_posts( $args );
									foreach( $myposts as $post ) : setup_postdata($post); ?>
										<li>
								            <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
								            <p class='date'><?php echo get_the_date(); ?></p>
								            <p class='content'>
								            	<?php 
								            		$content = get_the_content(); 
								            		$content = preg_replace("/\<img.*\>/", '', $content);
								            		echo $content;
							            		?>
							            	</p>
								        </li>
									<?php endforeach; ?>
								</ul>
							</div>
						</div>
						<div class='customer-service'>
							<img src='<?php bloginfo('template_url'); ?>/img/home-customer.png'>
							<img class='expanded' src='<?php bloginfo('template_url'); ?>/img/customer-service-expand.png'>
						</div>				
					</div>
				</div>

				<div class='page' id='page-shows'>
					
					<div class='bg-hack'>						
						<img src='<?php bloginfo('template_url'); ?>/img/bg-shows.jpg'>
					</div>
					<div id='page-shows-color-bg'></div>
					
					<div id='show-time-logo'>
						<img src='<?php bloginfo('template_url'); ?>/img/show-time-logo.png'>
					</div>
					<div id='show-time-text-1'>
						<img src='<?php bloginfo('template_url'); ?>/img/show-time-text-1.png'>
					</div>
					<div class='content-area'>
						<div class='customer-service'>
							<img src='<?php bloginfo('template_url'); ?>/img/home-customer.png'>
							<img class='expanded' src='<?php bloginfo('template_url'); ?>/img/customer-service-expand.png'>
						</div>	
						<div id='photo-gallery'>
							<ul id='photo-gallery-nav'>
								<li id='section-a-vision'><a href='#'>印记大赏 VISION</a></li>
								<li id='section-a-customer'><a href='#'>客照 CUSTOMER</a></li>
								<li id='section-a-photo'><a href='#'>写真 PHOTO</a></li>
								<li id='section-a-mv'><a href='#'>影像 MV</a></li>
								<li id='section-a-record'><a href='#'>婚礼纪实 RECORD</a></li>
								<li id='section-a-all'><a href='services.php?section=services&g=pricing-system'>服务报价<span class='pink'>></span></a></li>
							</ul>
							<div class='photo-area'>
								<div class='photo-section' id='section-vision'>									
									<?php 
										$args=array(
									      'tag' => 'vision-featured',
									      'showposts'=>1									      
									    );
									    $post_link = '';
									    $vision_featured_query = new WP_Query($args);
									    if( $vision_featured_query->have_posts() ) {									      
									      while ($vision_featured_query->have_posts()) : $vision_featured_query->the_post(); 
									      	$post_link = get_permalink();
									      endwhile;
									    }
									  	wp_reset_query(); 
										if (class_exists('wp_media_tags_plugin')) {
											$img_tag = wp_media_tags_plugin::media_tags_query('vision-featured', 'large', '1', 'photo-thumb-featured');
											$pattern = '/href=\"[^\"]*\"/';
											print preg_replace($pattern, 'href="'.$post_link.'"', $img_tag);											
										}
									?>
									<?php 								
									if (class_exists('wp_media_tags_plugin')) 
										print wp_media_tags_plugin::media_tags_query_custom_link('vision', '150, 150', '9', 'photo-thumb'); 										
										?>
								</div>
								<div class='photo-section' id='section-customer'>
									<?php if (class_exists('wp_media_tags_plugin')) 
										print wp_media_tags_plugin::media_tags_query_custom_link('customer', '150, 150', '15', 'photo-thumb'); ?>
								</div>
								<div class='photo-section' id='section-photo'>
									<?php if (class_exists('wp_media_tags_plugin')) 
										print wp_media_tags_plugin::media_tags_query_custom_link('photo', '150, 150', '15', 'photo-thumb'); ?>
								</div>
								<div class='photo-section' id='section-mv'>
									<?php 										
										$args=array(
									      'tag' => 'mv',
									      'showposts'=>15
									    );
									    $post_link = '';
									    
									    $record_query = new WP_Query($args);									    
									    
									    if( $record_query->have_posts() ) {									      
									      while ($record_query->have_posts()) : $record_query->the_post(); 
									      	$post_link = get_permalink();
									    
									      	$post_content = get_the_content();									      	
									      	$pattern = '/youku\.com\/embed\/[a-z,A-Z,0-9]*/';									      	
									      	
									      	if (preg_match($pattern, $post_content, $youku_urls)<1)
									      		continue;
									      	$pattern = '/[a-z,0-9,A-Z]*$/';
									      	if (preg_match($pattern, $youku_urls[0], $youku_ids)<1)
									      		continue;									      	
									      	
									      	$youku_id = $youku_ids[0];									      										      	
									      	$youku_link = 'http://v.youku.com/v_show/id_' . $youku_id . 'html';									      	
									    	
								    		$youku = new YoukuVideo($youku_link);
									    	
									      	
									?>
									 	<a class='photo-thumb video-thumb' href='<?php the_permalink(); ?>'><img width='150' title='<?php the_title(); ?>' src='<?php echo $youku->picurl; ?>'></a>
									<?php
									      endwhile;
									    }
									  	wp_reset_query(); 
									?>
								</div>
								<div class='photo-section' id='section-record'>
									<?php 
										$args=array(
									      'tag' => 'record-featured',
									      'showposts'=>1									      
									    );
									    $post_link = '';
									    $vision_featured_query = new WP_Query($args);
									    if( $vision_featured_query->have_posts() ) {									      
									      while ($vision_featured_query->have_posts()) : $vision_featured_query->the_post(); 
									      	$post_link = get_permalink();
									      endwhile;
									    }
									  	wp_reset_query(); 
										if (class_exists('wp_media_tags_plugin')) {
											$img_tag = wp_media_tags_plugin::media_tags_query('record-featured', 'large', '1', 'photo-thumb-featured');
											$pattern = '/href=\"[^\"]*\"/';
											print preg_replace($pattern, 'href="'.$post_link.'"', $img_tag);											
										}
									?>
									<?php 
										$args=array(
									      'tag' => 'record',
									      'showposts'=>9
									    );
									    $post_link = '';
									    $record_query = new WP_Query($args);
									    if( $record_query->have_posts() ) {									      
									      while ($record_query->have_posts()) : $record_query->the_post(); 
									      	$post_link = get_permalink();
									      	$post_content = get_the_content();
									      	$pattern = '/youku\.com\/embed\/[a-z,A-Z,0-9]*/';									      	
									      	if (preg_match($pattern, $post_content, $youku_urls)<1)
									      		continue;
									      	$pattern = '/[a-z,0-9,A-Z]*$/';
									      	if (preg_match($pattern, $youku_urls[0], $youku_ids)<1)
									      		continue;
									      	$youku_id = $youku_ids[0];
									      	$youku_link = 'http://v.youku.com/v_show/id_' . $youku_id . 'html';
									      	
									    	$youku = new YoukuVideo($youku_link);									    	
									?>
									 	<a class='photo-thumb video-thumb' href='<?php echo $post_content; ?>'><img width='150' title='<?php the_title(); ?>' src='<?php echo $youku->picurl; ?>'></a>
									<?php
									      endwhile;
									    }
									  	wp_reset_query(); 
									?>
								</div>
								<div class='photo-section' id='section-all'>									
								</div>
								<!-- <a class='gallery-see-more' href='gallery.php?section=shows'><img src='<?php bloginfo('template_url'); ?>/img/gallery-see-more.png'></a> -->
								<a class='gallery-see-more' href='gallery.php?section=shows'><span class='pink'>></span>查看更多<span class='pink'>MORE</span></a>
							</div>
						</div>	
					</div>

				</div>



				<div class='page' id='page-barbie'>
					<!--[if lt IE 9]>
					<div class='bg-hack'>
						<img src='<?php bloginfo('template_url'); ?>/img/bg-barbie-house.jpg'>
					</div>
					<![endif]-->
					
					<div class='content-area'>
						<div class='customer-service'>
							<img src='<?php bloginfo('template_url'); ?>/img/home-customer.png'>
							<img class='expanded' src='<?php bloginfo('template_url'); ?>/img/customer-service-expand.png'>
						</div>
						<div id='barbie-house-thumbs'>
												
							<?php
								wp_reset_postdata();
								// wp_reset_query(); 
								global $barbiePost;
								$cat_id = get_category_by_slug( "barbie-house" )->term_id;
								$args = array( 'posts_per_page' => 3, 'post_type' => 'post', 'post_status' => 'publish', 'category' => $cat_id );
								$barbieposts = get_posts( $args );
								$counter = 1;
								
								foreach ( $barbieposts as $barbiePost ) : setup_postdata( $barbiePost ); ?>						
								
								<div class='thumb-box'>
																
									<div class='thumb'>
										<?php if (class_exists('wp_media_tags_plugin')) 
											print wp_media_tags_plugin::media_tags_query('barbie-featured-' . (string) $counter, 'medium', '2', 'barbie-featured'); 
											$counter = $counter + 1;
											?>

										<!-- <img src="<?php $thumbnail_url = wp_get_attachment_url( get_post_thumbnail_id($barbiePost->ID) ); echo $thumbnail_url; ?>">-->
										<!-- <?php echo get_the_post_thumbnail( $barbiePost->ID, 'thumbnail'  ); ?> -->
									</div>							
								
									<div class='text'>
										<?php 
											$title = get_the_title( $barbiePost );
											$segs = explode( "-", $title );
										?>
										<div><a href="<?php echo get_permalink( $barbiePost ); ?>"><?php echo $segs[0]; ?></a></div>
										<div><a href="<?php echo get_permalink( $barbiePost ); ?>"><?php echo $segs[1]; ?></a></div>
									</div>	
								</div>
							<?php endforeach; ?>
						</div>
						<div id='barbie-title'>
							<div id="barbie-house-welcome">
								WELCOME
							</div>
							<div id="barbie-house-to-barbie">
								TO BARBIE HOUSE
							</div>
							<div id="barbie-house-choose">
								CHOOSE WEDDING DRESS
							</div>
						</div>
						<div id='barbie-quote'>
							<div id='barbie-quote-name'>
								<img src='<?php bloginfo('template_url'); ?>/img/barbie-quote-name.png'>
							</div>
							<div id='barbie-quote-title'>
								<h1>完美嫁衣带你进入幸福之旅</h1>
							</div>
							<div id='barbie-quote-content'>
								每一款DEVEN婚纱均为原创设计，意图使每一位新娘在穿缔玟婚纱时都是独特高贵，华丽大气的。每一款缔玟婚纱都是立体制版裁剪，严格遵循高级时装定制的工艺流程进行制作。缔玟婚纱使用100%进口面料。
							</div>
						</div>
					</div>
				</div>

				<div class='page' id='page-service'>
					<img class='bg' src='<?php bloginfo('template_url'); ?>/img/service-dotted-line.png'>
					<div class='content-area'>
						<div id='service-items'>
							<div id='service-item-appointment' onclick="window.open('services.php?section=services&g=about-reservation');">
								<div class='icon'>
								</div>
								<div class='separator'>
								</div>
								<div class='text'>
									<span>关于预约</span>
									<span>appointment</span>
								</div>						
							</div>
							<div id='service-item-service' onclick="window.open('services.php?section=services&g=service-instruct');">
								<div class='icon'>
								</div>
								<div class='separator'>
								</div>
								<div class='text'>
									<span>服务指南</span>
									<span>service</span>
								</div>						
							</div>
							<div id='service-item-shipping' onclick="window.open('services.php?section=services&g=logistics');">
								<div class='icon'>
								</div>
								<div class='separator'>
								</div>
								<div class='text'>
									<span>配送服务</span>
									<span>shipping</span>
								</div>						
							</div>
							<div id='service-item-feedback' onclick="window.open('services.php?section=services&g=service-control');">
								<div class='icon'>
								</div>
								<div class='separator'>
								</div>
								<div class='text'>
									<span>服务监管</span>
									<span>Feedback</span>
								</div>						
							</div>
							<div id='service-item-faq' onclick="window.open('services.php?section=services&g=faq');">
								<div class='icon'>
								</div>
								<div class='separator'>
								</div>
								<div class='text'>
									<span>常见问题</span>
									<span>faq</span>
								</div>						
							</div>					
						</div>
						<div id='service-quote'>
							<a href='services.php?section=services&g=pricing-system'>
								<span>
									<span class='blue'>[查看</span><span class='white'>价目表</span><span class='blue'>]</span><span class='white'>PRICE LIST</span>
								</span>
								<span class='right'>
									>点击查阅详情
								</span>
							</a>
						</div>
						<div id='join-logo'>
							<img src='<?php bloginfo('template_url'); ?>/img/service-join-logo.png'>
						</div>
						<div id='share-settings'>
							<div id='share-weibo'>
								<img src='<?php bloginfo('template_url'); ?>/img/share-weibo.png'>
								
								<script type="text/javascript" charset="utf-8">
								(function(){
								  var _w = 32 , _h = 32;
								  var param = {
								    url:location.href,
								    type:'1',
								    count:'', /**是否显示分享数，1显示(可选)*/
								    appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/
								    title:'', /**分享的文字内容(可选，默认为所在页面的title)*/
								    pic:'', /**分享图片的路径(可选)*/
								    ralateUid:'', /**关联用户的UID，分享微博会@该用户(可选)*/
								    language:'zh_cn', /**设置语言，zh_cn|zh_tw(可选)*/
								    dpc:1
								  }
								  var temp = [];
								  for( var p in param ){
								    temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
								  }
								  document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
								})()
								</script>
								<div>新浪微博</div>
							</div>
							<div id='share-tencent'>
								<img src='<?php bloginfo('template_url'); ?>/img/share-tencent.png'>
								<div>腾讯微博</div>
								<div id="qqwb_share__" data-appkey="801389953" data-icon="1" data-counter="0" data-content="{title}" data-richcontent="{line1}|{line2}|{line3}" data-pic="{pic}"></div>
								<script src="http://mat1.gtimg.com/app/openjs/openjs.js#autoboot=no&debug=no"></script>
							</div>
							<div id='share-renren'>
								<img src='<?php bloginfo('template_url'); ?>/img/share-renren.png'>
								<a name="xn_share" type="button" href="#">分享到人人</a><script src="http://static.connect.renren.com/js/share.js" type="text/javascript"></script>
								<div>人人网</div>
							</div>
							<div id='share-qzone'>
								<img src='<?php bloginfo('template_url'); ?>/img/share-qzone.png'>
								<script type="text/javascript">
								(function(){
								var p = {
								url:location.href,
								showcount:'0',/*是否显示分享总数,显示：'1'，不显示：'0' */
								desc:'',/*默认分享理由(可选)*/
								summary:'',/*分享摘要(可选)*/
								title:'',/*分享标题(可选)*/
								site:'',/*分享来源 如：腾讯网(可选)*/
								pics:'', /*分享图片的路径(可选)*/
								style:'201',
								width:39,
								height:39
								};
								var s = [];
								for(var i in p){
								s.push(i + '=' + encodeURIComponent(p[i]||''));
								}
								document.write(['<a version="1.0" class="qzOpenerDiv" href="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?',s.join('&'),'" target="_blank">分享</a>'].join(''));
								})();
								</script>
								<script src="http://qzonestyle.gtimg.cn/qzone/app/qzlike/qzopensl.js#jsdate=20111201" charset="utf-8"></script>
								<div>QQ空间</div>
							</div>
							<div id='share-weixin'>
								<img src='<?php bloginfo('template_url'); ?>/img/share-weixin.png'>
								<div>微信关注</div>
							</div>
							<!-- <div id='share-taobao'>
								<img src='<?php bloginfo('template_url'); ?>/img/share-taobao.png'>
								<div>淘宝天下</div>
							</div> -->
						</div>


















						<div id='join-icon'>
							<a href='?p=2093' target='_blank'><img src='<?php bloginfo('template_url'); ?>/img/join-logo.png'></a>
						</div>
					</div>
					<div class='customer-service'>
						<img src='<?php bloginfo('template_url'); ?>/img/home-customer.png'>
						<img class='expanded' src='<?php bloginfo('template_url'); ?>/img/customer-service-expand.png'>
					</div>
					<div id='weixin-qr-container'>
						<div id='weixin-qr'>
							<img src='<?php bloginfo('template_url'); ?>/img/qr.jpg'>
							<p>请用微信扫描二维码</p>
							<div class='close-btn'>
								<a href='#'><img src='<?php bloginfo('template_url'); ?>/img/close-btn.png'></a>
							</div>
						</div>
					</div>
				</div>
				
				<div class='page' id='page-about'>
					<div id='page-about-canvas'>
						<img src='<?php bloginfo('template_url'); ?>/img/bg-about.jpg' class='bg'>
						<div class='ppl' id='ppl-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-1-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-1-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“最幸福的瞬间，在遇到爱的那一刻”</h1>
								<p>ID: 叶军</p>
								<p>职位：<span class='position'>摄影总监</span></p>
								<p>介绍：从事广告人像婚纱摄影多年，充满层出不穷的创作灵感，诞生出无数经典大片。</p>
							</div>
						</div>
						<div class='ppl' id='ppl-2'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-2-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-2-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“喜欢阳光，就会快乐！”</h1>
								<p>ID: SUNNY</p>
								<p>职位：<span class='position'>人力资源总监</span></p>
								<p>介绍：心有多大，舞台就有多大。期待有志之士的加入!</p>
							</div>
						</div>
						<div class='ppl' id='ppl-3'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-3-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-3-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“有沟通，无质疑！”</h1>
								<p>ID: 刘琴</p>
								<p>职位：<span class='position'>客服部经理</span></p>
								<p>介绍：以诚待客，自始至终努力不懈倾听客户的需求。</p>
							</div>
						</div>
						<div class='ppl' id='ppl-4'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-4-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-4-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“用艺术描写人生！”</h1>
								<p>ID: LEO</p>
								<p>职位：<span class='position'>创始人、艺术总监</span></p>
								<p>介绍：中国首届时装摄影大赛 时尚先生，广告摄影的先驱人物。</p>
								<p>服务过的明星有：陈小春、汤镇宗、温兆伦、卓雯萱、郑国霖、张馨予、刘羽琦、柳岩等。</p>
							</div>
						</div>
						<div class='ppl' id='ppl-5'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-5-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-5-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“您的满意是我最大的动力！”</h1>
								<p>ID: 晓滨</p>
								<p>职位：<span class='position'>数码总监</span></p>
								<p>介绍：始终如一、毫无犹豫地为组作品注入鲜活生命。</p>							
							</div>
						</div>
						<div class='ppl' id='ppl-6'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-6-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-6-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“适合自己的，才是最美的！”</h1>
								<p>ID: 晶晶老师</p>
								<p>职位：<span class='position'>彩妆总监，国际高级化妆师</span></p>
								<p>介绍：众多广告拍摄、时装发布会、厦门电视台栏目主持人、汽车模特大赛、世界环球小姐大赛等特约化妆造型设计。</p>
							</div>
						</div>
						<div class='ppl' id='ppl-7'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-7-1.png' class='img-1'>
							<img src='<?php bloginfo('template_url'); ?>/img/ppl-7-2.png' class='img-2'>
							<div class='ppl-bubble'>
								<h1>“信任，从每一个真诚的微笑开始！”</h1>
								<p>ID: 杨子</p>
								<p>职位：<span class='position'>门市经理</span></p>
								<p>介绍：多年从业经验，提供高质量及具透明化的专业服务。</p>
							</div>
						</div>
						<a id='about-us-btn' href='articles.php?section=about'>							
							<img src='<?php bloginfo('template_url'); ?>/img/about-us-1.png'>
							<img src='<?php bloginfo('template_url'); ?>/img/about-us-2.png'>
						</a>	
					</div>
					<div id='page-about-info'>
						<div class='about-info' id='address'>
							<img src='<?php bloginfo('template_url'); ?>/img/info-address.png'>
							<div class='info-text'>福建省厦门市思明区厦禾路863号九龙城3F</div>
						</div>
						<div class='about-info' id='time'>
							<img src='<?php bloginfo('template_url'); ?>/img/info-time.png'>
							<div class='info-text'>9:00am--9:00pm</div>
						</div>
						<div class='about-info' id='phone'>
							<img src='<?php bloginfo('template_url'); ?>/img/info-phone.png'>
							<div class='info-text'>+86(0592)2223587</div>
						</div>
						<div class='about-info' id='detail'>
							<img src='<?php bloginfo('template_url'); ?>/img/info-detail.png'>
							<div class='info-text'><a href='#'>查阅详情</a></div>
						</div>
						<div class='customer-service'>
							<img src='<?php bloginfo('template_url'); ?>/img/home-customer.png'>
							<img class='expanded' src='<?php bloginfo('template_url'); ?>/img/customer-service-expand.png'>
						</div>				
					</div>
					<div id='page-about-join-logo'>
						<img src='<?php bloginfo('template_url'); ?>/img/about-join-logo.png'>
					</div>
					<div id='page-about-links'>
						<h1>LINKS</h1>
						<div class='links'>
							<table>
								<tbody>
									<tr>
										<td>
											<a title="艺术摄影" href=http://www.liebiao.com/yishusheying/ target="_blank">艺术摄影</a> 
										</td>
										<td>
											<a title="厦门婚庆公司" href=http://xm.wed114.cn/ target="_blank">厦门婚庆公司</a> 							
										</td>
										<td>
											<a title="郑州唯爱视觉" href=http://vi-studio.com/ target="_blank">郑州唯爱视觉</a> 							
										</td>
										<td>
											<a title="婚纱" href=http://tong12.com/ target="_blank">婚纱</a>  							
										</td>
										<td>
											<a title="无锡婚纱摄影 " href=http://www.wx-xs.com.cn/ target="_blank">无锡婚纱摄影 </a>        							
										</td>
										<td>
											<a title="杭州婚庆" href=http://hangzhou.hunlimama.com  target="_blank">杭州婚庆</a>  							
										</td>
										<td>
											<a title="摄影技巧" href=http://school.xuzhouc.com/ target="_blank">摄影技巧</a>  							
										</td>
										<td>
											<a title="武汉婚纱摄影" href=http://www.sunge.org target="_blank">武汉婚纱摄影</a> 							
										</td>
									</tr>
									<tr>
										<td>
											<a title="义乌婚纱摄影" href=http://www.ywfhd.com target="_blank">义乌婚纱摄影</a> 							
										</td>
										<td>
											<a title="七夕婚嫁网" href=http://www.77hunjia.com target="_blank">七夕婚嫁网</a> 							
										</td>
										<td>
											<a title="深圳婚纱摄影" href=http://www.myt520.com target="_blank">深圳婚纱摄影</a>							
										</td>
										<td>
											<a title="上海最好的婚纱摄影工作室" href=http://www.macitoo.com.cn/ target="_blank">上海最好的婚纱摄影工作室</a>							
										</td>
										<td>
											<a title="淄博婚纱摄影" href=http://www.zbsfy.com/ target="_blank">淄博婚纱摄影</a>							
										</td>									
										<td>
											<a title="娄底婚纱摄影" href=http://www.hnsjxn.com target="_blank">娄底婚纱摄影</a>							
										</td>
										<td>
											<a title="岳阳婚纱摄影" href=http://www.yysxxn.com/  target="_blank">岳阳婚纱摄影</a>							
										</td>
										<td>
											<a title="上海婚纱摄影" href=http://sh.ganji.com/hunshasheying/  target="_blank">上海婚纱摄影</a>							
										</td>
									</tr>
									<tr>
										<td>
											<a title="苏州婚纱摄影" href=http://www.balihuangfei0512.com/  target="_blank">苏州婚纱摄影</a>							
										</td>
										<td>
											<a title="婚礼策划" href=http://tongsheying.net/  target="_blank">婚礼策划</a>							
										</td>
										<td>
											<a title="太原婚纱影楼" href=http://www.ksl.net.cn/  target="_blank">太原婚纱影楼</a>							
										</td>
										<td>
											<a title="婚庆加盟" href=http://www.hqgsjm.com/ target="_blank">婚庆加盟</a>							
										</td>
										<td>
											<a title="慕蔻蛋糕" href=http://www.miucake.com.cn/ target="_blank">慕蔻蛋糕</a>							
										</td>
										<td>
											<a title="婚纱照片欣赏" href=http://www.xnmei.com/ target="_blank">婚纱照片欣赏</a>							
										</td>
										<td>
											<a title="杭州婚宴酒店" href=http://hz.daoxila.com/ target="_blank">杭州婚宴酒店</a>							
										</td>
										<td>
											<a title="宁波婚纱摄影" href=http://wed-nb.7mo.cc/  target="_blank">宁波婚纱摄影</a>							
										</td>
									</tr>
									<tr>
										<td>
											<a title="婚纱礼服网" href=http://www.tianmijie.com/  target="_blank">婚纱礼服网</a>							
										</td>
										<td>
											<a title="北京化妆学校" href=http://www.zymshz.com target="_blank">北京化妆学校</a>							
										</td>
										<td>
											<a title="东莞婚纱摄影" href=http://www.dgncml.com target="_blank">东莞婚纱摄影</a>							
										</td>
										<td>
											<a title="厦门团购" href=http://xiamen.pztuan.com/ target="_blank">厦门团购</a>							
										</td>
										<td>
											<a title="大喜网" href=http://www.daxi.la target="_blank">大喜网</a>							
										</td>
										<td>
											<a title="宁波婚纱摄影" href=http://www.f2sy.com target="_blank">宁波婚纱摄影</a>
										</td>
									</tr>
								</tbody>
							</table>
						</div>					
					</div>
					<table id='resources'>
						<thead>
							<tr>
								<th><span>about</span></th>
								<th><span>news</span></th>
								<th><span>showcase</span></th>
								<th><span>location</span></th>
								<th><span>service tips</span></th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><a target='_blank' href='articles.php?section=about'>关于我们 ABOUT US</a></td>
								<td><a target='_blank' href='#page-news'>热门新闻 HOT NEWS</a></td>
								<td><a target='_blank' href='gallery.php?section=shows&g=vision'>婚纱摄影 WEDDING</a></td>
								<td><a target='_blank' href='gallery.php?section=shows&g=athena-base'>雅典娜教堂基地 ATHENA BASE</a></td>
								<td><a target='_blank' href='services.php?section=services&g=about-reservation'>服务报价 SERVICE PRICE</a></td>
							</tr>
							<tr>
								<td><a target='_blank' id='contact-us-link' href='#'>联系我们 CONTACT US</a></td>
								<td><a target='_blank' href='articles.php?section=news'>热门活动 HOT ACTIVITIES</a></td>
								<td><a target='_blank' href='gallery.php?section=shows&g=photo'>写真摄影 ART PHOTOGRAPHY</a></td>
								<td><a target='_blank' href='gallery.php?section=shows&g=coast-base'>环岛海岸基地 COAST BASE</a></td>
								<td><a target='_blank' href='http://www.zhulisy.com/online.php'>在线预约 ONLINE BOOKING</a></td>
							</tr>
							<tr>
								<td><a target='_blank' href='http://www.zhulisy.com/forum-27-1.html'>人才招聘 JOIN US</a></td>
								<td></td>
								<td><a target='_blank' href='http://www.zhulisy.com/forum-4-1.html'>商业摄影 COMMERCIAL</a></td>
								<td><a target='_blank' href='gallery.php?section=shows&g=universal-studio'>3D菲林环球影城 3D STUDIOS</a></td>
								<td><a target='_blank' href='services.php?section=services&g=service-tips'>拍摄小贴士 SHOW TIPS</a></td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td><a target='_blank' href='gallery.php?section=shows&g=xiamen'>厦门特色 XIAMEN</a></td>
								<td><a target='_blank' href='services.php?section=services&g=service-control'>服务监管 SERVICE</a></td>
							</tr>
							<tr>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
								<td></td>
							</tr>
						</tbody>
					</table>
					<div id='footer'>
						The reason that makes you focuse on leader photography studio. Come and join us.
					</div>
				</div>				
			</div>
			<div id='shows-dialog-container'>
				<div id='shows-dialog'>
					<div class='content'>
					</div>
					<div class='close-btn'>
						<a href='#'><img src='<?php bloginfo('template_url'); ?>/img/close-btn-dark.png'></a>
					</div>
					<div class='more-btn'>
						<a href='gallery.php?section=shows'><img src='<?php bloginfo('template_url'); ?>/img/more-btn.png'></a>
					</div>
					<div class='prev-next-btns'>
						<a href='#' class='prev-btn'>< PREV</a>
						<a href='#' class='next-btn'>NEXT ></a>
					</div>
				</div>
			</div>
			<?php include 'contact-dialog.php'; ?>
		</body>
		<!-- 
		<div class='page' id='page-payment'>
			payment
		</div>
		 -->		
	<?php wp_footer(); ?>
	</body>
</html>